<template>
  <div>
    <h3>品牌管理</h3>
    <table class="table table-bordered table-stripped">
    <!-- 表格标题区域 -->
    <thead>
      <tr>
        <th>编号</th>
        <th>资产名称</th>
        <th>价格</th>
        <th>创建时间</th>
        <th>操作</th>
      </tr>
    </thead>
    <!-- 表格主体区域 -->
    <tbody>
      <tr v-for="item in arr" :key="item.id">
        <td>
           <slot name="id" :id="item.id">
              {{item.id}}
           </slot>
        </td>
        <td>
          <slot name="name" :ListName='item.name'>{{item.name}}</slot>
        </td>
        <td>
          <slot name="price" :price='item.price'>{{item.price}}</slot>
        </td>
        <td>
          <slot name="time" :time='item.time'>{{item.time}}</slot>
        </td>
        <td>
          <slot name="handle" :desc='desc'><a href="javascript:;">{{desc}}</a></slot>
        </td>
      </tr>
    </tbody>
  </table>
  </div>
</template>

<script>
export default {
  data () {
    return {
      desc: '删除'
    }
  },
  props: {
    arr: {
      type: Array,
      required: true
    }
  },
  created () {

  },

  methods: {

  }
}
</script>

<style scoped lang='less'>

</style>
